<div class="select-box" >
    <div ng-click="changeShow()"  ng-style="style"> <span ng-bind="selectedValue"></span><img
            ng-src="them/images/compImages/open-down.png" alt=""/></div>
    <ul  style="z-index:1" ng-if="isShow&&isArray">
        <li ng-repeat="item in model" ng-click="clickSelect(item)"   ng-style="style" ng-bind="curKey!=undefined?item[curKey]:item "></li>
    </ul>
</div>
<style>
    <!-- /*select-box*/ -->
    .select-box{
        position: relative;
        display: inline-block;
        border: 1px solid #ddd;
    }
    .select-box img{
        float: right;
        margin-right: 5px;
        margin-top: 5px;

    }
    .select-box>ul {
        position: absolute;
        left: -1px;
        background: #fff;
        border: 1px solid #ddd;
        border-top: 0px solid #ddd;
    }
    .select-box>ul>li{
        height:24px;
        line-height:24px;
        font-size:12px;
        color:#666;
        cursor: pointer;
        margin-top:0;
        padding:0;
        padding-left:6px;
    }
    .select-box>ul>li:hover{
        color: #00AAFE;
    }
    .select-box div {
        width: 86px;
        height: 28px;
        font-size: 12px;
        color: #333;
        background-size: 15px 16px;
        line-height: 28px;
        padding-left: 6px;
    }

</style>